/* ===============================整站通用=============================== */
/* 最大宽度 */
.warp{width: 90%; max-width: 1400px; margin: auto;}



/* 引导页 */
.home_logo{position: fixed; left: 30px; top: 30px; z-index: 10;}
.home_logo a{}
.home_logo .p1{}
.home_logo .p2{font-size: 2.8rem; color: #fff;}

.home_main{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.home_main .home_main_box{position: absolute; left: 50%; top: 50%; min-width: 1000px; text-align: center; color: #fff; z-index: 2;
	-webkit-transform: translate(-50%, 5rem);
	transform: translate(-50%, 5rem);
}
.home_main menu{text-align: center;}
.home_main menu ul{display: inline-block;}
.home_main menu li{font-size: 2.4rem; margin: 0 1.5rem;}
.home_main menu li a{text-decoration: underline; color: #fff;}
.home_main menu li a:hover{text-decoration: none; color: #2881c4;}
.home_main .describe{font-size: 3rem; margin: 3rem 0;}
.home_main .tel{line-height: 5.6rem; padding: 1rem 5rem; color: #fff; border: 2px solid #fff; border-radius: 1rem; display: inline-block;}
.home_main .tel i{font-size: 3.5rem; margin: 0 1rem 0 0;}
.home_main .tel p{font-family: Arial; font-size: 48px;}
.home_main .tel:hover{border-radius: 10rem;}

.home_main .home_mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1;}

.home_video{position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 1;}
.home_video:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; display: block; z-index: 2;}
.home_video video{position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



/* ====================================通用头部==================================== */
.header{position: fixed; left: 0; top: 0; width: 250px; height: 100%; background: #fff; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1); box-shadow: 0 10px 20px rgba(0, 0, 0, .1); z-index: 100;}
.header.active{right: 0;}
.header .logo{max-width: 180px; margin: 10px auto 0;}
.header .logo a{}
.header .logo .p1{}
.header .logo .p2{font-size: 20px; font-weight: 400;}

.header .nav{position: absolute; left: 0; top: 50%; width: 100%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.header .nav ul{}
.header .nav li{position: relative;}
.header .nav li:before{position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #2781c5; content: ''; display: none;}
.header .nav li.active:before,.header .nav li:hover:before{display: block;}
.header .nav li a{font-size: 20px; font-weight: 400; line-height: 80px; text-align: center; display: block;}
.header .nav li.active a,.header .nav li:hover a{color: #2781c5;}

.header .tel{position: absolute; left: 50%; bottom: 30px; width: -webkit-max-content; width: -moz-max-content; width: max-content;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.header .tel .p1{font-size: 16px; color: #888;}
.header .tel .p2{font-family: Arial; font-size: 30px; font-weight: bold; color: #2781c5;}


/* 小屏幕导航 */
.logo_menu{position: fixed; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); z-index: 90; display: none;}
.logo_menu .img_box{padding: 15px 30px; background: #fff; display: table-cell; vertical-align: middle;}
.logo_menu .img_box img{max-height: 60px;}
.logo_menu .img_box p{font-size: 20px; line-height: 60px; margin: 0 0 0 20px;}
.logo_menu .btn{padding: 10px; margin: 18px 20px 0 0; background: #fff; border: 1px solid rgba(0,0,0,.1); display: none;}
.logo_menu .btn i{width: 35px; height: 35px; font-size: 26px; text-align: center;}
.logo_menu .btn i.close_btn{display: none;}

.logo_menu .menu{display: table-cell; vertical-align: middle;}
.logo_menu .menu ul{}
.logo_menu .menu li{position: relative; float: left; margin: 0 10px;}
.logo_menu .menu li:after{position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #2781c5; content: ''; display: none;}
.logo_menu .menu li a{padding: 10px; display: block;}
.logo_menu .menu li.active a,.logo_menu .menu li:hover a{color: #2781c5;}
.logo_menu .menu li.active:after,.logo_menu .menu li:hover:after{display: block;}

.logo_menu .tel{display: table-cell; vertical-align: middle;}
.logo_menu .tel .p1{font-size: 16px; color: #888;}
.logo_menu .tel .p2{font-family: Arial; font-size: 30px; font-weight: bold; color: #2781c5;}

/* 通用底部 */
footer{line-height: 50px; text-align: center; background: rgba(0, 0, 0, 1.0);}
footer *{color: #fff;}
footer a:hover{color: #2781c5;}



/* 右侧内容 */
.main{width: calc(100% - 250px); margin: 0 0 0 auto; overflow: hidden;}
.tt_name{text-align: center; padding: 50px 0;}
.tt_name .p1{font-size: 26px; font-weight: 400;}
.tt_name .p2{font-size: 14px; text-transform: uppercase; margin: 5px 0 0; color: #cccccc;}



/* ==========================banner========================== */
.banner{}
.banner .swiper-pagination{}
.banner .swiper-pagination .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background: #fff; opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #2781c5;}



/* 工程案例 */
.case{}
.case .list{}
.case .list ul{}
.case .list li{position: relative; width: calc(100%/4 - 15px); margin: 0 20px 20px 0;}
/* .case .list li:nth-child(3n+1){margin: 0 0 20px;} */
.case .list li:nth-child(4),.case .list li:nth-child(8),.case .list li:nth-child(12){margin: 0 0 20px;}
.case .list li a{}
.case .list li p{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 50px; text-align: center; padding: 0 10px; color: #fff; background: rgba(0, 0, 0, .3); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; z-index: 3;}
.case .list li:hover p{background: rgba(0, 0, 0, 1);}


/* 产品设备 */
.product{}
.product .list{}
.product .list ul{}
.product .list li{width: calc(100%/4 - 40px); padding: 1rem 0 0; margin: 0 30px 30px 0; border-bottom: 2px solid rgba(39, 130, 197, .3);}
.product .list li:nth-child(4),.product .list li:nth-child(8),.product .list li:nth-child(12),.product .list li:nth-child(16){margin-right: 0;}
.product .list li .img_warp .img_box{padding: 1rem;}
.product .list li img{min-width: auto !important; max-height: 100% !important;}
.product .list li .name{position: relative; line-height: 50px;}
.product .list li .name:after{position: absolute; left: 50%; bottom: 8px; width: 20px; height: 2px; background: #2782c5; content: ''; display: block;
	transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.product .list li .name p{text-align: center;}
.product .list li:hover{border-color: rgba(39, 130, 197, 1); -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);}
.product .list li:hover .name:after{width: 30px;}


/* 宣传 */
.in_publicity{width: 100%; height: 500px; padding: 0 0 0 150px; margin: 50px 0 0; color: #fff; background: url('../img/publicity.jpg') no-repeat center; background-size: cover; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.in_publicity .warp{-ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.in_publicity p{font-size: 3rem;}
.in_publicity p:nth-child(2){margin: 20px 0;}
.in_publicity .tel{margin: 60px 0 0;}
.in_publicity .tel span{display: block;}
.in_publicity .tel a{font-family: Arial; font-size: 6rem; font-weight: bold; color: #fff;}
.in_publicity .tel a:hover{color: #2782c5;}


/* 优势 */
.in_advantage{}
.in_advantage .list{}
.in_advantage .list ul{}
.in_advantage .list li{position: relative; width: 100%; padding: 50px 50px 50px 120px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.in_advantage .list li i{font-size: 10rem; margin: 0 5rem 0 0; color: #666; -ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.in_advantage .list li .box{-ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.in_advantage .list li h3{font-size: 2rem; margin: 0 0 20px;}
.in_advantage .list li p{line-height: 2.4rem; color: #999;}
.in_advantage .list li:hover{background: #2782c5;}
.in_advantage .list li:hover *{color: #fff;}


/* 证书 */
.in_certificate{width: 100%; height: 500px; padding: 50px 0; margin: 50px 0 0; background: url('../img/certificate.jpg') no-repeat center; background-size: cover;}
.in_certificate .lists{max-width: 1200px; margin: auto;}
.in_certificate .lists ul{}
.in_certificate .lists li{height: 400px; padding: 0 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.in_certificate .lists li a{-ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.in_certificate .lists li img{max-height: 100%;}
.swiper-button-next, .swiper-button-prev{width: 60px; height: 60px; border-radius: 50%;}
.swiper-button-next{right: 0px; background: rgba(255, 255, 255, .5) url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat center; background-size: 30%;}
.swiper-button-next:hover{background: rgba(255, 255, 255, 1) url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat center; background-size: 30%;}
.swiper-button-prev{left: 0px; background: rgba(255, 255, 255, .5) url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat center; background-size: 30%;}
.swiper-button-prev:hover{background: rgba(255, 255, 255, 1) url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E") no-repeat center; background-size: 30%;}



/* 新闻 */
.news{}
.news .list{}
.news .list ul{margin: -20px 0 0;}
.news .list ul li{transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;}
.news .list ul li:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.news .list .ul1{width: 66.66%;}
.news .list .ul1 li{position: relative; width: calc(100%/2 - 12px); height: 290px; padding: 20px 30px; margin: 20px 0 0 20px; background: rgba(0, 0, 0, .03);}
.news .list .ul1 li:nth-child(odd){margin-left: 0;}
.news .list .ul1 li.img{padding: 0; overflow: hidden;}
.news .list .ul1 li img{position: absolute; left: 50%; top: 50%; max-width: inherit;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.news .list .ul1 li .time{position: relative; padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.news .list .ul1 li .time *{font-family: Arial; font-weight: bold; color: #666;}
.news .list .ul1 li .time b{font-size: 48px;}
.news .list .ul1 li .time p{font-size: 16px;}
.news .list .ul1 li .time i{position: absolute; top: 50%; right: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.news .list .ul1 li .text{}
.news .list .ul1 li .text .p1{font-size: 1.8rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .list .ul1 li .text .p2{height: 64px; margin: 30px 0 0; color: #888; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.news .list .ul2{width: 33.33%;}
.news .list .ul2 li{padding: 31px 30px; margin: 20px 0 0 20px; background: rgba(0, 0, 0, .03);}
.news .list .ul2 li a{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}
.news .list .ul2 li .time,.news .list .ul2 li .text,.news .list .ul2 li i{-ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.news .list .ul2 li .time{text-align: center;}
.news .list .ul2 li .time *{font-family: Arial; font-weight: bold; color: #666;}
.news .list .ul2 li .time b{font-size: 48px;}
.news .list .ul2 li .time p{font-size: 16px;}
.news .list .ul2 li .text{width: calc(100% - 120px); font-size: 1.8rem; font-weight: 400; margin: 0 10px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .list .ul2 li i{margin-left: auto;}



/* 联系 */
.in_contact{margin: 80px 0 0; border-top: 1px solid rgba(0, 0, 0, .05);}
.in_contact .ct_box{position: relative; width: 100%; height: 500px; background: url('../img/contact.jpg') no-repeat center; background-size: cover;}
.in_contact .ct_box .ct{position: absolute; top: 50%; right: 230px; max-width: 630px; padding: 40px; background: rgba(255, 255, 255, 1); border-radius: 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.in_contact .ct .tel{padding: 0 0 20px; margin: 0 0 20px; border-bottom: 8px solid #000;}
.in_contact .ct .tel *{color: #000;}
.in_contact .ct .tel .p1{}
.in_contact .ct .tel a{font-family: Arial; font-size: 6rem; font-weight: bold;}
.in_contact .ct .text_box{}
.in_contact .ct .text_box .ewm{max-width: 130px; text-align: center;}
.in_contact .ct .text_box .ewm img{}
.in_contact .ct .text_box .ewm p{color: #666;}
.in_contact .ct .text_box .text{width: calc(100% - 150px); margin: 0 0 0 20px;}
.in_contact .ct .text_box .text p{line-height: 30px; color: #666;}




/* ==============================单页通用============================== */
/* 单页标题 */
.page_name{line-height: 52px; padding: 50px 0;}
.page_name .p1{font-size: 4rem; font-weight: bold; text-transform: capitalize; color: #333;}
.page_name .p2{font-size: 2rem; margin: 0 0 0 20px; color: #000000;}

nav li.swiper-slide{width: -webkit-max-content;width: -moz-max-content;width: max-content;}
nav{margin: 0 0 50px; background: rgba(0, 0, 0, .05);}
nav .warp_box{overflow: hidden;}
nav ul{}
nav li{position: relative; padding: 30px 0; margin: 0 0 0 30px;}
nav li:first-child{margin: 0;}
nav li:after{position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #2781c5; content: ''; display: block;
	transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;
}
nav li a{color: #888; display: block;}
nav li.active:after{width: 100%;}
nav li.active a{color: #2781c5;}
nav li:hover:after{width: 100%;}
nav li:hover a{color: #2781c5;}

/* 通用分页 */
.paging{padding: 0 0 5rem; text-align: center;}
.paging *{transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;}
.paging ul{display: inline-block; *display: inline;}
.paging li{width: 50px; height: 50px; text-align: center; line-height: 50px; margin: 0 .2rem; border: 1px solid #ccc; border-radius: 50%; overflow: hidden;}
.paging li a{display: block;}
.paging li:hover{background: #2781c5; border-color: #2781c5;}
.paging li:hover a{color: #fff;}
.paging li.active{background: #2781c5; border-color: #2781c5;}
.paging li.active a{color: #fff; pointer-events: none;}


/* 工程案例 */
.page_case{margin: 0 0 50px;}

/* 产品设备 */
.page_product{margin: 0 0 50px;}

/* 最新资讯 */
.page_news{margin: 0 0 50px;}
.page_news .list .ul1{width: 100%;}
.page_news .list .ul1 li{position: relative; width: calc(100%/3 - 14px); height: 290px; padding: 20px 30px; margin: 20px 20px 0 0; background: rgba(0, 0, 0, .03);}
.page_news .list .ul1 li:nth-child(3n){margin-right: 0;}

/* 详情页 */
.show{}
.show .t{text-align: center;}
.show .t .line{width: 2px; height: 80px; margin: auto; background: #ccc; display: block;}
.show .t span{width: 12px; height: 12px; margin: auto; border: 2px solid #2781c5; background: #fff; border-radius: 50%; display: block;}
.show .t .year{color: #888; margin-top: 10px;}
.show .t .date{font-size: 40px; color: #2781c5;}
.show .t h2{font-size: 30px; margin: 20px auto 50px;}
.show .ct{padding: 0 50px;}
.show .ct p{line-height: 30px;}
.show .ct img{max-width: 500px; margin: 20px auto;}
.show .btn_box{position: relative; padding: 40px 0; margin: 50px 0 0 0; border-top: 1px solid rgba(0, 0, 0, .1);}
.show .btn_box a{line-height: 36px; display: block;}
.show .btn_box a:hover{color: #2781c5;}
.show .btn_box .btn{position: absolute; top: 50%; right: 0; padding: 8px 50px; border: 1px solid rgba(0, 0, 0, .1);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.show .btn_box .btn:hover{color: #fff; background: #2781c5; border-color: #2781c5;}


/* 关于 */
.about{}
.about p{line-height: 34px;}
.about .ewm{max-width: 560px; margin: 50px auto;}
.about .ewm .img_box{text-align: center; margin: 0 30px;}
.about .ewm .img_box img{max-width: 220px;}
.about .ewm .img_box p{}

/* 文化 */
.culture{width: 100%; height: 400px; color: #fff; background: url('../img/culture.jpg') no-repeat center; background-size: cover; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}
.culture .warp{-ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.culture ul{max-width: 90%; margin: auto;}
.culture li{width: 33.33%; margin: 30px 0;}
.culture li .p1{margin: 0 0 10px;}
.culture li .p2{font-size: 14px; color: #ccc;}

/* 理念 */
.concept{}
.concept .warp{}
.concept ul{max-width: 80%; padding: 100px 0; margin: auto;}
.concept li{margin: 80px 0 0;}
.concept li:first-child{margin: 0;}
.concept li .p1{font-size: 20px; color: #666;}
.concept li .p2{line-height: 24px; margin: 10px 0 0;}


/* 工程售后 */
.after{padding: 0 0 80px;}
.after .warp{position: relative;}
.after .tel{position: absolute; right: 0; top: -230px;}
.after .tel .p1{margin: 0 0 5px; color: #888;}
.after .tel .p2{font-family: Arial; font-size: 30px; font-weight: bold; color: #000;}
.after .ct_box{}
.after .ct_box ul{}
.after .ct_box hr{height: 1px; margin: 80px 0; color: rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .1); border: none;}
.after .ct_box li{}
.after .ct_box li .name{width: 20%; font-size: 18px;}
.after .ct_box li .name .p1{}
.after .ct_box li .name .p2{margin: 10px 0 15px;}
.after .ct_box li .name .p3{width: 30px; height: 4px; background: #2782c5; display: block;}
.after .ct_box li .text{width: 80%;}
.after .ct_box li .text h3{font-size: 18px; margin: 30px 0 10px;}
.after .ct_box li .text h3:first-child{margin-top: 0;}
.after .ct_box li .text p{line-height: 26px; color: #888;}